<!DOCTYPE html>
<svg>
  <set id='cssPropAnim' xlink:href='#cssPropAnim' attributeName='fill' to='gold'></set>
  <rect id='someRect'><animate></animate></rect>
  <use clip-path='url(#someRect)' xlink:href='#cssPropAnim'></use>
</svg>
<p>PASS if no crash in debug.</p>
<script>
if (window.testRunner) {
  testRunner.dumpAsText();
  testRunner.waitUntilDone();
}
function completionTrigger() {
  var set = document.createElementNS('http://www.w3.org/2000/svg', 'set');
  set.setAttribute('attributeName', 'x');
  set.setAttribute('to', '0');
  set.onbegin = function() {
    if (window.testRunner)
      testRunner.notifyDone();
  };
  return set;
}
var root = document.getElementsByTagName('svg')[0];
root.pauseAnimations();

onload = function () {
  requestAnimationFrame(function() {
    setTimeout(function() {
      root.style.zoom = 2;
      root.appendChild(document.getElementById('someRect').cloneNode(true));
      root.appendChild(completionTrigger());
    }, 0);
  });
}
</script>
